<template>
  <h1>一个人的信息</h1>
  <h2>姓名：{{ person.name }}</h2>
  <h2>年龄：{{ person.age }}</h2>
  <button @click="testEmit">触发父组件的事件，把参数传给父组件</button>
</template>

<script>
import {reactive} from 'vue'

export default {

  // 父传子
  props: ['msg','school'],
  // 触发自定义事件
  emits: ['hello'],
  setup(props, context) {
    console.log('setup', props, context)
    console.log('vue2中的$attrs', context.attrs)
    console.log('插槽',context.slots)

    // 数据
    let person = reactive({
      name: '张三',
      age: 18
    })

    // 方法
    function testEmit(){
      context.emit('hello',666)
    }

    // 返回一个对象
    return {
      person,
      testEmit
    }
  },
  beforeCreate() {
    console.log('beforeCreate')
  }
}
</script>

<style scoped>

</style>
